﻿<local:TileImageBase x:Class="EmperialApps.WeatherSpark.Agent.TileImage"
                     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                     xmlns:local="clr-namespace:EmperialApps.WeatherSpark.Agent"
                     Height="360"
                     Width="360"
                     FontFamily="Segoe WP">
    <Grid x:Name="ForecastPanel">
        <Grid.RowDefinitions>
            <RowDefinition Height="24" />
            <RowDefinition Height="80" />
            <RowDefinition Height="24" />
            <RowDefinition x:Name="GraphRow"
                           Height="160" />
            <RowDefinition Height="24" />
            <RowDefinition Height="24" />
            <RowDefinition Height="24" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="24" />
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="Auto" />
            <ColumnDefinition Width="24" />
        </Grid.ColumnDefinitions>

        <TextBlock x:Name="CurrentTemperatureLabel"
                   Grid.Column="1"
                   Grid.Row="1"
                   Margin="0,-24"
                   FontSize="88"
                   Foreground="Black"
                   Text="134°C" />

        <TextBlock x:Name="HighTemperatureLabel"
                   Grid.Column="2"
                   Grid.Row="1"
                   Margin="0,-1,0,0"
                   FontSize="36"
                   FontWeight="Light"
                   Foreground="White"
                   HorizontalAlignment="Right"
                   Text="134°"
                   VerticalAlignment="Top" />

        <TextBlock x:Name="LowTemperatureLabel"
                   Grid.Column="2"
                   Grid.Row="1"
                   Margin="0,0,0,-1"
                   FontSize="36"
                   FontWeight="Light"
                   Foreground="White"
                   HorizontalAlignment="Right"
                   Text="-80°"
                   VerticalAlignment="Bottom" />

        <Grid Grid.ColumnSpan="4"
              Grid.Row="3"
              Margin="-0.5,0">
            <Rectangle x:Name="NightBackground"
                       Fill="#80333333">
                <Rectangle.Clip>
                    <PathGeometry />
                </Rectangle.Clip>
            </Rectangle>

            <Line x:Name="MidnightLine"
                  Stroke="#80000000" />
            <Line x:Name="ExtremeLine"
                  Stroke="#80000000" />

            <Polyline x:Name="TemperatureTrace"
                      Stretch="None"
                      Stroke="White"
                      StrokeEndLineCap="Square"
                      StrokeStartLineCap="Square"
                      StrokeThickness="4" />

            <Ellipse x:Name="CurrentTimeMarker"
                     Height="12"
                     Margin="-6"
                     Width="12"
                     Fill="Black"
                     HorizontalAlignment="Left"
                     VerticalAlignment="Top">
                <Ellipse.RenderTransform>
                    <TranslateTransform />
                </Ellipse.RenderTransform>
            </Ellipse>
        </Grid>

        <TextBlock x:Name="TileTitle"
                   Grid.Column="1"
                   Grid.ColumnSpan="2"
                   Grid.Row="5"
                   Margin="-6,-13"
                   FontSize="36"
                   Foreground="White">
            Austin, TX
        </TextBlock>

        <Grid.Background>
            <ImageBrush x:Name="BackgroundImage" />
        </Grid.Background>
    </Grid>
</local:TileImageBase>
